<!DOCTYPE html>
<html>
	<head>
		<title></title>
		<style type="text/css">
			img {
				vertical-align:top;
				width: 25px;
			}
		</style>
	</head>
<body>
		<input type="text" placeholder="账号" />
		<br /><br />
		<input type="password" value="" placeholder="请输入密码" id="mima">
		<img src="./img/close.png" alt="" id="showText" onclick="hideShowPsw();">
	<script>
			var demoImg = document.getElementById("showText");
			var mima = document.getElementById("mima");
			function hideShowPsw() {
				if (mima.type == "password") {
					mima.type = "text";
					demoImg.src = "./img/open.png";
				} else {
					mima.type = "password";
					demoImg.src = "./img/close.png";
				}
			}
	</script>
</body>
</html>

